<template>
  <div>
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
      <div class="header-tips flex a-c">
        <s-icon :icon="'icon-nan'"></s-icon>
        <span class="ml6 mr12">
          {{ "张三" }}
        </span>
        <span>
          {{ "男" }}
        </span>
        <span class="ml12 mr12">{{ "23岁" }} </span>
        <span> 门诊号：{{ "12222222" }} </span>
      </div>
    </el-form>
  </div>
  <div class="mb12 mt12">
    <el-button type="primary" plain>添加</el-button>
    <el-button type="danger" plain>删除</el-button>
  </div>

  <el-table :data="data" style="width: 100%" border>
    <el-table-column width="30">
      <template #default="scope">
        <el-checkbox v-model="scope.row.check" label="" />
      </template>
    </el-table-column>
    <el-table-column prop="prop" label="诊断类型" width="width">
      <template #default="scope">
        <s-select
          width=""
          :options="[
            { label: '中医', value: '0' },
            { label: '西医', value: '1' },
          ]"
          v-model="scope.row.type"
        />
      </template>
    </el-table-column>
    <el-table-column prop="prop" label="诊断名称" width="width">
      <template #default="scope">
        <el-input v-model="scope.row.name" placeholder=""></el-input>
      </template>
    </el-table-column>
    <el-table-column prop="number" label="诊断编码" width="width">
    </el-table-column>
    <el-table-column prop="prop" label="疑" width="width">
      <template #default="scope">
        <el-checkbox v-model="scope.row.doubt" label="" />
      </template>
    </el-table-column>
  </el-table>
</template>
<script setup lang="ts">
const data = reactive([
  {
    type: "",
    name: "",
    number: "11",
    doubt: false,
  },
  {
    type: "",
    name: "",
    number: "222",
    doubt: false,
  },
]);
</script>

<style lang="scss" scoped>
.header-tips {
  background: #f5f8fa;
  border: 1px solid #e5ecef;
  padding: 4px 8px;
}
</style>
